<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<script type="text/javascript" src="static/layui/jquery-1.12.4.min.js"></script>
<link rel="stylesheet" href="static/layui-v2.5.3/layui/css/layui.css">
<script type="text/javascript" src="static/layui-v2.5.3/layui/layui.js"></script>
<script type="text/javascript" src="static/js/custom.js"></script>
<script type="text/javascript" src="static/js/dataTable.js"></script>
<style type="text/css">
	#too{
		margin-bottom: 50px;
	}
	.layui-form{
		margin-top: 0px;
		
	}
	#classname{
		width:100%; 
		height: 35px;
		border-color: #D2D2D2 !important;
	}
	.layui-header{
		background: #EBEFF9;
	}
	.layui-side{
		background: #ff00ff;
	}
	dd{
		padding-left: 15px;
	}
	dl{
		padding-bottom: 15px;
	}
	a:visited{
		border:none;
		text-decoration:none;
	}
</style>
</head>
<body>
<div class="layui-layout layui-layout-admin">
  <div class="layui-header" style="background: #0E0E0F; ">
  
    <div class="layui-logo" style="color:#5FB878"><span class="layui-icon layui-icon-template"></span> 图书借阅系统</div>
    <ul class="layui-nav layui-layout-right">
    	<li class="layui-nav-item ">
    		<a class="layui-icon layui-icon-home"  id="hrefscript" href="javascript:;" onclick="main('manage')"> 首页</a>
    	</li>
      	<li class="layui-nav-item" style="cursor: pointer;">
      		<!-- <span class="layui-icon layui-icon-username"></span> -->
        	<a sec:authorize="hasRole('ROLE_DVP')"> 开发者</a> 
			<a sec:authorize="!hasRole('ROLE_DVP')" sec:authentication="principal.name"></a>
			<dl class="layui-nav-child">
          		<dd><a href="logout">退出</a></dd>
        	</dl>
      </li>
    </ul>
  </div>
  
  <div class="layui-side">
    <div class="layui-side-scroll"style="background: #0E0E0F">
      <ul class="layui-nav layui-nav-tree"lay-filter="test"lay-shrink="all" style="background: #1C1C1C">
      
       <li class="layui-nav-item layui-nav-itemed ">
          <a class="layui-icon layui-icon-form" href="javascript:;"> 书架管理</a>
          <dl class="layui-nav-child">
            <dd><a id="hrefscript" href="javascript:;" onclick="bookType('bookType/manage')"> 图书种类</a></dd>
            <dd><a id="hrefscript" href="javascript:;" onclick="book('book/manage')"> 图书管理</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item ">
          <a class="layui-icon layui-icon-engine" href="javascript:;"> 审核管理</a>
          <dl class="layui-nav-child">
            <dd><a id="hrefscript" href="javascript:;" onclick="audit('audit/manage')"> 借书审核</a></dd>
            <dd><a id="hrefscript" href="javascript:;" onclick="boandren('audit/boandren')"> 借还记录</a></dd>
            
          </dl>
        </li>
        
        <li class="layui-nav-item ">
          <a class="layui-icon layui-icon-friends" href="javascript:;"> 用户中心</a>
          <dl class="layui-nav-child">
            <dd><a  href="javascript:;"onclick="breach('userbook/breach')"> 违约处理</a></dd> 
            <dd><a  href="javascript:;"onclick="user('user/manage')"> 用户管理</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item" >
          <a class="layui-icon layui-icon-log" href="javascript:;"> 个人中心</a>
          <dl class="layui-nav-child">
            <!-- <dd><a  id="hrefscript" href="javascript:;" onclick="log('user/managelog')"> 操作日志</a></dd> -->
            <dd><a  id="hrefscript" href="javascript:;" onclick="pwd('userbook/changepwd')"> 修改密码</a></dd>
            <dd><a  id="hrefscript" href="javascript:;" onclick="information('userbook/message')"> 个人信息</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a class="layui-icon layui-icon-set-fill" href="javascript:;"> 系统设置</a>
          <dl class="layui-nav-child">
            <dd><a  href="javascript:;" onclick="permission('permission/manage')"> 权限管理</a></dd>
			<dd><a  href="javascript:;" onclick="menu('menu/manage')"> 菜单管理</a></dd>
            <dd><a  href="javascript:;"onclick="role('role/manage')"> 角色分配</a></dd>
            
          </dl>
        </li>
        
        <!-- <li class="layui-nav-item layui-nav-itemed" th:each="me:${menus}">
        	<a th:text="${me.name}"></a>
        	
        	<dd>
        		<a href="javascript:;"th:text="${me.name}"></a>
        	</dd>
        </li> -->
      </ul>
    </div>
  </div>
  <div class="layui-body" id="body">
  	主页
  </div>
  <div class="layui-footer" style="text-align: center;">
    © zzaizhangzeng
  </div>
</div>            

<script type="text/javascript">
	$("#body").load("manage");

	//引入自定义插件路径
	layui.config({
		base : 'static/layui/'
	}).extend({
		treetable : 'treetable-lay/treetable',
		multiSelect : 'lay/modules/multiSelect'
	});
	//注意：导航 依赖 element 模块，否则无法进行功能性操作
	layui.use('element', function() {
		var element = layui.element;
	});
	function main(url) {
		$("#body").load(url);
		
	}
	function permission(url) {
		$("#body").load(url);
	}
	function menu(url) {
		$("#body").load(url);
	}
	function role(url) {
		$("#body").load(url);
	}
	function user(url) {
		$("#body").load(url);
	}
	function book(url) {
		$("#body").load(url);
	}
	function bookType(url) {
		$("#body").load(url);
	}
	function audit(url) {
		$("#body").load(url);
	}
	function boandren(url) {
		$("#body").load(url);
	}
	function pwd(url) {
		$("#body").load(url);
	}
	function log(url) {
		$("#body").load(url);
	}
	function information(url) {
		$("#body").load(url);
	}
	function breach(url) {
		$("#body").load(url);
	}
</script>
</body>
</html>